.comment-box {
    & .comment-list {
        & .comment-item {
            display: flex;
            padding-bottom: 15px;
            & .user-icon {
                position: relative;
                display: inline-block;
                flex-shrink: 0;
                --this-size: 38px;
                width: var(--this-size);
                height: var(--this-size);
                img {
                    width: 100%;
                    height: 100%;
                    transition: all .2s;
                    overflow: hidden;
                    -o-object-fit: cover;
                    object-fit: cover;
                    border-radius: 8px;
                }
            }
            & .comment-main-body {
                margin-left: 10px;
                & .comment-title {
                    font-weight: bolder;
                    color: #757575;
                    font-size: 12px;
                    & a {
                        font-weight: bolder;
                        color: #333;
                        font-size: 12px;
                    }
                    & .point:before {
                        content: "";
                        width: 3px;
                        height: 3px;
                        margin: 0 0.5em;
                        border-radius: 50%;
                        display: inline-block;
                        background-color: #42a1ff;
                        vertical-align: 0.2em;
                    }
                }
                & .comment-content {
                    color: #757575;
                    font-size: 13px;
                    margin-top: 3px;
                    a {
                        color: #757575;
                        cursor: pointer;
                    }
                    a:hover {
                        color: #409EFF!important;
                    }
               }
            }
        }
        & .comment-item:last-child {
            padding-bottom: 0;
        }
    }
}